<template>
  <div>
      
<swipe v-bind:swipeList="swipeList" :isfull="true"></swipe>
<ul class="mui-table-view mui-grid-view mui-grid-9">
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
              <img src="../../images/menu1.png" alt="">
              <div class="mui-media-body">新闻资讯</div></a></li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
              <img src="../../images/menu2.png" alt="">
              <div class="mui-media-body">图片分享</div></a></li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
          <router-link to="/goodslist">
              <img src="../../images/menu3.png" alt="">
              <div class="mui-media-body">商品购买</div>
          </router-link>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
              <img src="../../images/menu4.png" alt="">
              <div class="mui-media-body">留言反馈</div></a></li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
              <img src="../../images/menu5.png" alt="">
              <div class="mui-media-body">视频专区</div></a></li>
      <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
              <img src="../../images/menu6.png" alt="">
              <div class="mui-media-body">联系我们</div></a></li>
  </ul>








    </div>
</template>

<script>
    import { Toast } from 'mint-ui'

    import swipe from '../subcomponents/swipe.vue'
    export default {
        data() {
            return {
                'swipeList': []
            }
        },
        created() {
            this.getSwipe()
        },
        methods:{
            getSwipe() {
                // this.$http.get("http://vue.studyit.io/api/getlunbo").then(result => {
                //     if(result.body.status === 0){

                //     }else{
                //         Toast("加载轮播图失败")
                //     }
                // })
                setTimeout(()=>{
                    this.swipeList = [
                    { img:'https://img.51miz.com/Element/00/81/09/05/d7fbd523_E810905_92312e74.jpg!/quality/90/unsharp/true/compress/true/format/jpg',url:'' },
                     { img:'https://img.51miz.com/Element/00/59/17/30/ea63fc9a_E591730_7e976e9d.jpg!/quality/90/unsharp/true/compress/true/format/jpg',url:'' },
                      { img:'https://img.51miz.com/Element/00/58/89/62/afe6d225_E588962_1c796d90.jpg!/quality/90/unsharp/true/compress/true/format/jpg',url:'' },
                ]
                },500)

               
            }
        },
        components:{
            'swipe':swipe
        }
    }

</script>
<style lang="scss" scoped>


.mui-grid-view.mui-grid-9 {
   
    background-color:#fff;
    border: none;
}
.mui-grid-view.mui-grid-9 .mui-table-view-cell {
    border: 0;
    img {
        height: 60px;
    }
    .mui-media-body {
        font-size: 13px;
    }
}
</style>
